
<!DOCTYPE html>
<!--[if IE 8]><html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]>
<!--><html class="no-js" lang="en"><!--<![endif]-->
<head>

	<!-- Basic Page Needs
  ================================================== -->
	<meta charset="utf-8">
	<title>High End Speakers & Stereo Equipment | Subwoofers, Home Theater Systems</title>
	<meta name="description" content="">
	<meta name="author" content="">

	<!-- Mobile Specific Metas
  ================================================== -->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

	<!-- CSS
  ================================================== -->
	<link rel="stylesheet" href="css/base.css">
	<link rel="stylesheet" href="css/skeleton.css">
	<link rel="stylesheet" href="css/jquery.fancybox.css">
	<link rel="stylesheet" href="css/layout.css">
	<link rel="stylesheet" href="css/font-awesome.min.css">
    <!--[if lte IE 8]>
        <script src="js/html5.js"></script>
    <![endif]-->		
		
	<!-- Favicons
	================================================== -->
	<link rel="shortcut icon" href="favicon.png">
	<link rel="apple-touch-icon" href="apple-touch-icon.png">
	<link rel="apple-touch-icon" sizes="72x72" href="apple-touch-icon-72x72.png">
	<link rel="apple-touch-icon" sizes="114x114" href="apple-touch-icon-114x114.png">
</head>
<body>


	<nav id="navigation">
		<a href="#home" class="scroll" ><img class="logo" alt='logo' src='img/nht.png'></a>
		<ul id="menu">
			<li>
				<span class="menu">MENU</span>
				<a href="index.html#home">Home</a>
				<a href="index.html#about">ABOUT</a>
				<a href="index.html#story">STORY</a>
				<a href="index.html#gallery">PRODUCT</a>
				<a href="shop.html">SHOP</a>
				<a href="index.html#users">USERS</a>
				<a href="index.html#contact">CONTACT</a>
				<span class="close" class="scroll">CLOSE</span>
			</li>
		</ul>
	</nav>

	<div class="categorie">
		<div class="container title">
			<div class="sixteen columns">
				<ul>
					<li data-filter="*"><span>ALL</span></li>
					<li data-filter=".DESKTOP"><span>DESKTOP</span></li>
					<li data-filter=".BLUETOOTH"><span>BLUETOOTH</span></li>
					<li data-filter=".NOTEBOOK"><span>NOTEBOOK</span></li>
					<li data-filter=".SALE"><span>SALE</span></li>
				</ul>
			</div>
		</div>
		<div class="container content">
			<div class="one-third column isotope-item DESKTOP">
				<dl>
					<dt><a href="product.html"><img src="img/product/4.png" alt=""></a></dt>
					<dd><p><strong>$596.00</strong><span class="buy">BUY</span></p><h6>Portable multimedia speaker</h6></dd>
				</dl>
			</div>
			<div class="one-third column isotope-item DESKTOP">
				<dl>
					<dt><a href="product.html"><img src="img/product/5.png" alt=""></a></dt>
					<dd><p><strong>$35.95</strong><span class="buy">BUY</span></p><h6>Altec Lansing VS2621 2.1 Channel Speaker System</h6></dd>
				</dl>
			</div>
			<div class="one-third column isotope-item DESKTOP">
				<dl>
					<dt><a href="product.html"><img src="img/product/6.png" alt=""></a></dt>
					<dd><p><strong>$25.99</strong><span class="buy">BUY</span></p><h6>GOgroove BassPULSE 2MX Channel Computer Speakers</h6></dd>
				</dl>
			</div>
			<div class="one-third column BLUETOOTH">
				<dl>
					<dt><a href="product.html"><img src="img/product/7.png" alt=""></a></dt>
					<dd><p><strong>$24.99</strong><span class="buy">BUY</span></p><h6>Logitech LS21 2.1 Stereo Speaker System</h6></dd>
				</dl>
			</div>
			<div class="one-third column isotope-item BLUETOOTH">
				<dl>
					<dt><a href="product.html"><img src="img/product/8.png" alt=""></a></dt>
					<dd><p><strong>$506</strong><span class="buy">BUY</span></p><h6>Logitech Surround Sound Speakers Z</h6></dd>
				</dl>
			</div>
			<div class="one-third column isotope-item NOTEBOOK">
				<dl>
					<dt><a href="product.html"><img src="img/product/9.png" alt=""></a></dt>
					<dd><p><strong>$39.99</strong><span class="buy">BUY</span></p><h6>Logitech Z313 Speaker System</h6></dd>
				</dl>
			</div>
			<div class="one-third column isotope-item NOTEBOOK">
				<dl>
					<dt><a href="product.html"><img src="img/product/10.png" alt=""></a></dt>
					<dd><p><strong>$134.99</strong><span class="buy">BUY</span></p><h6>M-Audio Studiophile AV 40 Active Studio Monitor Speakers</h6></dd>
				</dl>
			</div>
			<div class="one-third column isotope-item NOTEBOOK">
				<dl>
					<dt><a href="product.html"><img src="img/product/11.png" alt=""></a></dt>
					<dd><p><strong>$596.00</strong><span class="buy">BUY</span></p><h6>NHT Absolute Tower Speaker (Piano-Gloss Black, Single)</h6></dd>
				</dl>
			</div>
			<div class="one-third column isotope-item SALE">
				<dl>
					<dt><a href="product.html"><img src="img/product/12.png" alt=""></a></dt>
					<dd><p><strong>$17.62</strong><span class="buy">BUY</span></p><h6>X-mini II XAM4-B Mono Capsule Speaker - Black</h6></dd>
				</dl>
			</div>
		</div>
	</div>


	<div id="sale1">
		<div class="container">
			<div class="sixteen columns">
				<h5><strong>Anniversary NHT 20% OFF.</strong></h5>
			</div>
		</div>
	</div>	

	<div id="copyright">
		<div class="container">
			<div class="sixteen columns">
				<div class="center">
					<ul class="list-social-contact">
						<li class="icon-soc-contact"><img src="img/soc/1.png" alt="" /></li>
						<li class="icon-soc-contact"><img src="img/soc/2.png" alt="" /></li>
						<li class="icon-soc-contact"><img src="img/soc/3.png" alt="" /></li>
						<li class="icon-soc-contact"><img src="img/soc/4.png" alt="" /></li>
						<li class="icon-soc-contact"><img src="img/soc/5.png" alt="" /></li>
						<li class="icon-soc-contact"><img src="img/soc/6.png" alt="" /></li>
						<li class="icon-soc-contact"><img src="img/soc/7.png" alt="" /></li>
						<li class="icon-soc-contact"><img src="img/soc/8.png" alt="" /></li>
						<li class="icon-soc-contact"><img src="img/soc/9.png" alt="" /></li>
						<li class="icon-soc-contact"><img src="img/soc/10.png" alt="" /></li>
						<li class="icon-soc-contact"><img src="img/soc/11.png" alt="" /></li>
						<li class="icon-soc-contact"><img src="img/soc/12.png" alt="" /></li>
					</ul>	
				</div>
			</div>
			<div class="sixteen columns">
				<div class="border-footer"></div>
			</div>
			<div class="sixteen columns">
				<p>&copy; copyright NHT</p>
			</div>	
		</div>	
	</div>	
	
	<!-- JAVASCRIPT
  ================================================== -->
  
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.lettering.js"></script>
<script type="text/javascript" src="js/jquery.sticky.js"></script>	
<script type="text/javascript" src="js/easing-min.js"></script>
<script type="text/javascript" src="js/template.js"></script>	
<script type="text/javascript" src="js/jquery.nicescroll.min.js"></script>
<script type="text/javascript" src="js/jquery.isotope.min.js"></script>
<script type="text/javascript" src="js/jquery.localscroll-1.2.7-min.js"></script>
<script type="text/javascript" src="js/jquery.scrollTo-1.4.2-min.js"></script>
<script type="text/javascript" src="js/jquery.stapel.js"></script>
<script type="text/javascript" src="js/jquery.cycle.all.js"></script>
<script type="text/javascript" src="js/jquery.maximage.js"></script>
<!-- End Document
================================================== -->
</body>
</html>

<script>
	$(function(){

$('.categorie .container .title ul li').addClass("asdas");
		$(window).load(function () {
	    var $container = $('.content');
	    var $filter = $('.categorie .title ul li');
	    // Initialize isotope 
	    $container.isotope({
	        filter: '*',
	        layoutMode: 'fitRows',
	        animationOptions: {
	            duration: 750,
	            easing: 'linear'
	        }
	    });
	    // Filter items when filter link is clicked
	    $filter.click(function () {
	        var selector = $(this).attr('data-filter');
	        $filter.removeClass('on');
	        $(this).addClass('on');
	        $container.isotope({
	            filter: selector,
	            animationOptions: {
	                animationDuration: 750,
	                easing: 'linear',
	                queue: false,
	            }
	        });
	        return false;
	    });
	});


	});
	</script>